﻿<UserControl x:Class="DotBeer.UI.WPFClient.CircleProgressBarControl"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" x:Name="userControl" RenderTransformOrigin="0.5,0.5">
	<UserControl.Resources>
		<Storyboard x:Key="GoRound" RepeatBehavior="Forever">
			<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="viewbox" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[2].(RotateTransform.Angle)">
				<SplineDoubleKeyFrame KeyTime="00:00:00" Value="0"/>
				<SplineDoubleKeyFrame KeyTime="00:00:00.5000000" Value="360"/>
			</DoubleAnimationUsingKeyFrames>
		</Storyboard>
	</UserControl.Resources>
	<UserControl.Triggers>
		<EventTrigger RoutedEvent="FrameworkElement.Loaded">
			<BeginStoryboard Storyboard="{StaticResource GoRound}"/>
		</EventTrigger>
	</UserControl.Triggers>
    <Viewbox Stretch="Fill" x:Name="viewbox" RenderTransformOrigin="0.5,0.5">
    	<Viewbox.RenderTransform>
    		<TransformGroup>
    			<ScaleTransform ScaleX="1" ScaleY="1"/>
    			<SkewTransform AngleX="0" AngleY="0"/>
    			<RotateTransform Angle="0"/>
    			<TranslateTransform X="0" Y="0"/>
    		</TransformGroup>
    	</Viewbox.RenderTransform>
		<Canvas Width="120.333" Height="111.667">
			<Ellipse Width="21.835" Height="21.862" Canvas.Left="20.1696" 
                     Canvas.Top="0" Stretch="Fill" Fill="#FFFFA500" Opacity="1.0"/>
            <Ellipse Width="21.835" Height="21.862" Canvas.Left="2.86816" 
                     Canvas.Top="21" Stretch="Fill" Fill="Orange" Opacity="0.9"/>
            <Ellipse Width="21.835" Height="21.862" Canvas.Left="5.03758e-006" 
                     Canvas.Top="49" Stretch="Fill" Fill="Orange" Opacity="0.8"/>
            <Ellipse Width="21.835" Height="21.862" Canvas.Left="12.1203" 
                     Canvas.Top="75" Stretch="Fill" Fill="Orange" Opacity="0.7"/>
            <Ellipse Width="21.835" Height="21.862" Canvas.Left="36.5459" 
                     Canvas.Top="89" Stretch="Fill" Fill="Orange" Opacity="0.6"/>
            <Ellipse Width="21.835" Height="21.862" Canvas.Left="64.6723" 
                     Canvas.Top="89" Stretch="Fill" Fill="Orange" Opacity="0.5"/>
            <Ellipse Width="21.835" Height="21.862" Canvas.Left="87.6176" 
                     Canvas.Top="75" Stretch="Fill" Fill="Orange" Opacity="0.4"/>
            <Ellipse Width="21.835" Height="21.862" Canvas.Left="98.165" 
                     Canvas.Top="49" Stretch="Fill" Fill="Orange" Opacity="0.3"/>
            <Ellipse Width="21.835" Height="21.862" Canvas.Left="92.9838" 
                     Canvas.Top="21" Stretch="Fill" Fill="Orange" Opacity="0.2"/>
            <Ellipse Width="21.835" Height="21.862" Canvas.Left="71.149" 
                     Canvas.Top="0" Stretch="Fill" Fill="Orange" Opacity="0.1"/>
		</Canvas>
	</Viewbox>
</UserControl>
